@import '../assets/import.less';

.co-scroll-wrapper {
  position: relative;
  height: 100%;
  flex: 1;
  overflow: hidden;
}

.co-scroll-content {
  overflow: hidden;
  min-height: 100%;
  z-index: 1;
}

.co-pullup-wrapper,
.co-pulldown-wrapper {
  height: 45px; /*no*/
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: @backgroundColor;
}

.co-loading-wrapper {
  display: flex;
}

.co-loading-dot {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: @primaryColor;
  opacity: .2;
  margin-left: 20px;
  &:first-child {
    margin-left: 0;
  }
}
.co-loading-animate {
  .co-loading-dot {
    animation-name: fade-dot;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .co-loading-dot:nth-child(2) {
    animation-delay: .3s;
  }
  .co-loading-dot:nth-child(3) {
    animation-delay: .7s;
  }
}

.co-pulldown-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.co-scroll-content__inner {
  overflow: hidden;
}

@keyframes fade-dot {
  0% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
